<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 媒体对象列表</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <ul class="media-list">
        <li class="media"> 
            <a href="#" class="media-left">
                <img src="./../51.png" alt="tongxyong" >
            </a>
            <div class="media-body">
                <h4 class="media-heading">
                    媒体标题
                </h4>
                <p>这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                    </p>
                    <div class="media"> 
                            <a href="#" class="media-left">
                                <img src="./../51.png" alt="tongxyong" >
                            </a>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    媒体标题
                                </h4>
                                <p>这是一些示例文本。这是一些示例文本。
                                        这是一些示例文本。这是一些示例文本。
                                        这是一些示例文本。这是一些示例文本。
                                        这是一些示例文本。这是一些示例文本。
                                        这是一些示例文本。这是一些示例文本。
                                    </p>
                                    <div class="media"> 
                                            <a href="#" class="media-left">
                                                <img src="./../51.png" alt="tongxyong" >
                                            </a>
                                            <div class="media-body">
                                                <h4 class="media-heading">
                                                    媒体标题
                                                </h4>
                                                <p>这是一些示例文本。这是一些示例文本。
                                                        这是一些示例文本。这是一些示例文本。
                                                        这是一些示例文本。这是一些示例文本。
                                                        这是一些示例文本。这是一些示例文本。
                                                        这是一些示例文本。这是一些示例文本。
                                                    </p>
                                                    
                                            </div>
                                        </div>
                                    
                            </div>
                        </div>
           
                        <div class="media"> 
                                <a href="#" class="media-left">
                                    <img src="./../51.png" alt="tongxyong" >
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        媒体标题
                                    </h4>
                                    <p>这是一些示例文本。这是一些示例文本。
                                            这是一些示例文本。这是一些示例文本。
                                            这是一些示例文本。这是一些示例文本。
                                            这是一些示例文本。这是一些示例文本。
                                            这是一些示例文本。这是一些示例文本。
                                        </p>
                                        
                                </div>
                            </div>
            
            
                    </div>
            
        </li>

        <li class="media">
            <a href="#" class="pull-right">
                <img src="./../51.png" alt="sui">
            </a>
            <div class="media-body">
                <h4 class="media-heading">媒体标题</h4>
                <p>这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。
                        这是一些示例文本。这是一些示例文本。</p>
            </div>
        </li>
    </ul>


</body>
</html>